


        @media (max-width: 1808px){
            header .heading{
                padding: 0 64px;
            }
        }
        @media (min-width: 1681px){
            header .heading .lft .links.fullSize{
                display: flex;
            }
        }

        @media (max-width: 1680px){
            #contn{
                padding-top: 60px;
            }

            .noticeBox .item{
                padding: 15px 24px !important;
                font-size: 16px !important;
            }

            header .heading,
            header .heading .rht .btn{
                height: 60px;
            }
            header .heading .lft .links>*{
                margin-left: 24px;
                line-height: 60px;
            }

            .side .mid{
                width: 44px;
            }
            .side i{
                width: 16px;
            }

            footer .box{
                padding-bottom: 30px;
            }

            main .media-info .play-collect .btn.collect .pop{
                font-size: 14px;
                padding: 6px 12px;
            }
            main .media-info .play-collect .btn.collect .pop::before{
                right: 16px;
            }
        }

        @media (min-width: 1281px) and (max-width: 1680px){
            header .heading .lft .links.w1680{
                display: flex;
            }
        }
        @media (min-width: 768px) and (max-width: 1280px){
            header .heading .lft .links.w1280{
                display: flex;
            }
        }

       
        @media (max-width: 1023px){
            .noticeBox .item{
                padding: 12px 20px !important;
                font-size: 14px !important;
            }

            header .heading .rht .inp-box{
                width: 186px;
            }
            header .heading .rht .btn{
                width: 32px;
                margin-left: 16px;
            }
            header .heading .rht .btn .inn>p{
                display: none;
            }
            header .heading .rht .btn.mine .avt{
                width: 24px;
            }

            footer .box{
                width: 668px;
            }
        }

        @media (min-width: 768px){
            header .cate,
            header .heading .rht .app{
                display: none;
            }

            .side .app{
                display: none;
            }
        }

        @media (max-width: 767px){
            #contn{
                padding-top: 88px;
            }
            .fluid{
                width: 100%;
            }
            .noticeBox .item{
                padding: 10px 15px !important;
                font-size: 13px !important;
            }

            header{
                background: rgb(17, 19, 25);
            }
            header .heading{
                height: 44px;
                padding: 0 16px;
            }
            header .heading .lft{
                width: 100px;
            }
            header .heading .lft .logo{
                height: 18px;
                width: auto;
            }
            header .heading .rht,
            header .inp-box{
                flex: 1;
            }
            header .inp-box{
                height: 28px;
            }
            header .heading .rht .inp-box{
                width: auto;
            }
            header .heading .rht .inp-box input,
            .heading .rht .btn,
            footer .box .links .nav{
                display: none;
            }
            header .inp-box input.readOnly{
                display: block !important;
            }
            header.searching .search-box{
                display: block;
            }

            footer .box{
                width: 100%;
                padding: 0 50px 20px;
            }
            footer .box>.txt .flex{
                height: initial;
                margin-top: 12px;
            }
            footer .box .download{
                justify-content: space-between;
                margin: 24px 0;
            }
            footer .box .download .btn{
                width: 48%;
            }
            footer .box .download .btn:first-child{
                width: 100%;
                margin-bottom: 16px;
            }
            footer .box .links{
                padding-bottom: 16px;
                margin-bottom: 0px;
            }
            footer .box .links .others{
                flex: 1;
                justify-content: center;
            }
            footer .box  .copyright{
                text-align: center;
            }
            

            .side{
                right: 0;
                width: 65px;
                border-radius: initial;
                border-top-left-radius: 40px;
                border-bottom-left-radius: 40px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 13px 0px;
            }
            .side .btn{
                display: none;
            }

            .share-box .window{
                padding-top: 28px;
                width: calc(100% - 100px);
            }
            .share-box .window .platform{
                margin-top: 24px;
            }
        }

        @media (max-width: 480px){
            .share-box .window{
                width: 100%;
                height: 197px;
                top: auto;
                bottom: 0;
                left: 0;
                transform: initial;
                 border-radius: 8px 8px 0px 0px;
            }
            .share-box .window .platform{
                margin: 0px;
                padding: 0 16px;
                margin-top: 24px;
                border-bottom: none;
                justify-content: initial;
            }
            .share-box .window .platform .item{
                width: 72px;
            }
            .share-box .window .platform .item + .item{
                margin-left: 8px;
            }
            .share-box .window .platform .item .icon{
                width: 60px;
            }
            .share-box .window .code-box{
                display: none;
            }
        }